﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Detail.aspx.cs" Inherits="Detail" %>
<%@ Register Src="Share/Header.ascx" TagName="Header" TagPrefix="ulHeader" %>
<%@ Register Src="Share/Footer.ascx" TagName="Footer" TagPrefix="ulFooter" %>
<%@ Register Src="Share/CompareProducts.ascx" TagName="CompareProducts" TagPrefix="ulCompareProducts" %>
<%@ Register Src="Share/Detail_KhuyenMai.ascx" TagName="KhuyenMai" TagPrefix="ulDetail" %>
<%@ Register Src="Share/Detail_SpLienQuan.ascx" TagName="SpLienQuan" TagPrefix="ulDetail" %>
<%@ Register Src="Share/BreadCrumb.ascx" TagName="BC" TagPrefix="Bread" %>
<%@ Register Src="Share/Adv.ascx" TagName="Adv" TagPrefix="ulAdv" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="description" content="Công ty TNHH Anh Khoa - Nhà phân phối chính thức bút cao cấp Parker, Waterman" /> 
	<meta name="keywords" content="Bút, but, Bút parker, but parker, viết parker, viet parker, bút waterman, but waterman, viết waterman, viet waterman, parker, parker pen, parker viet nam, bút máy parker, but may parker, bút ký parker, but ky parker, waterman, bút bi parker, but bi parker, bán bút parker, parker Việt, parker Việt Nam, parker Viet, parker Viet Nam, parker Hanoi, parker Hà Nội, waterman pen, mực parker, bút mực parker, but muc parker, bút parker chính hãng" />
	<meta name="copyright" content="©2013 Công ty TNHH Anh Khoa" /> 
	<meta name="author" content='Thiet ke website-email: hightechdesignpro@gmail.com' />
	<meta name="robots" content="index, follow" />
    
    <title>Chi tiết sản phẩm - Công ty TNHH Anh Khoa - Nhà phân phối chính thức bút cao cấp Parker, Waterman</title>
    <link media="all" rel="stylesheet" href="css/all.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/menu.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/jquery-ui.css" />
    
    <link href="css/mojozoom.css" rel="stylesheet" type="text/css" />
    
    <script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>
    <script src="js/knockout-latest.js" type="text/javascript"></script>
    <script src="js/knockout.validation.js" type="text/javascript"></script>
    <script src="js/jquery-ui-1.8.23.custom.min.js" type="text/javascript"></script>
    <script src="js/fancybox.js" type="text/javascript"></script>
    <script src="js/jquery.stickytooltip.js" type="text/javascript"></script>
    <script src="js/jquery.qtip-1.0.0-rc3.min.js" type="text/javascript"></script>
    <script src="js/superfish.js" type="text/javascript"></script>
    <script src="js/global.js" type="text/javascript"></script>
    <script src="js/validate.constant.js" type="text/javascript"></script>
    <script src="js/jquery.cookie.js" type="text/javascript"></script>
    <script src="js/jquery.numeric.js" type="text/javascript"></script>
    <script src="js/jquery.idTabs.js" type="text/javascript"></script>
    <script src="js/jquery-ui.js" type="text/javascript"></script>
    <script src="js/jquery.dcmegamenu.1.3.js" type="text/javascript"></script>
    <script src="js/ajaxCache-0.2.1.js" type="text/javascript"></script>
    
    <script type="text/javascript" src="js/jquery.carouFredSel-6.1.0-packed.js"></script>
    <script src="js/FancyZoom1.1.js" type="text/javascript"></script>
    <script src="js/FancyZoomHTML.js" type="text/javascript"></script>
    <script src="js/printProductDetail.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function ($) {
            $('#mega-menu').dcMegaMenu({ rowItems: '3', speed: 'fast' });
            $(document).ready(function () { $("#dpd-tabs ul").idTabs(); });
        });
    </script>
    <script src="js/zoom.js" type="text/javascript"></script>
    <!--[if lt IE 9]>
		<script type="text/javascript" src="js/html5.js"></script>
		<script type="text/javascript" src="js/PIE.js"></script>
	<![endif]-->
	
    
</head>
<body  onload="setupZoom()">
    <div id="wrapper">
        <div class="w1">
            <ulHeader:Header ID="Header" runat="server" />
            
            <div class="clear3"><img height="3px" class="spacer" /></div>
            <div id="wrapper-shadow">
                <div id="wrap-content" class="wrap-bg-white">
                <form id="viewDetail" method="post" class="form" action="##">
                    <Bread:BC ID="br" runat="server"/>
                    <div id="bg_type">
                        <div class="padlr20">
                            <div id="detail-product">
                                <div class="right printing" style="display:none">
		                            <a href="javascript:print()" title="Print" class="bs-item"><img align="absmiddle" alt="Print" src="images/icon_print.png">&nbsp;Bản in&nbsp;&nbsp;&nbsp;</a>
	                            </div>
                                <div class="clear"><img height="20px" class="spacer" src="images/spacer.gif" /></div>
                                
                                
                                <div id="dp-thumb">
                                    <div id="imgcenter">
						                <a data-bind='attr: {"href": ImagePath}' class="pirobox" rel="single" id="id_sanpham" style="position: relative; display: block;">
                                            <!--<img alt="" src="images/products/7_small.png" data-zoomsrc="images/products/7_org.png" id="id_show" width="500px;" />-->
                                            <img data-bind='attr: {"src": ImagePath, "data-zoomsrc":ImagePath}' id="id_show" width="420px;" />
                                        </a>
				                    </div>
                                </div>
                                <div id="dp-teaser">
                                    <h1 id="productNameId" class="color2" data-bind="text:Name"></h1>
                                    <div class="color2" id="model">Mã sản phẩm :&nbsp;<span data-bind="text:Seri"></span></div>
                                    <div class="dpt-price">
                                        <div class="through" data-bind="text:PriceFormat, visible:ChietKhau() > 0"></div>
                                        <div data-bind="text:PriceDiscountFormat"></div>
                                    </div>
                                    
		                            <div id="GiftId" class="dpt-status" style="display:none;">Quà tặng :&nbsp;<span class="teaser-text-r" data-bind="text:GiftName" style="color:#FA7422"></span></div>
                                    <div class="dpt-status">Bảo hành :&nbsp;<span class="teaser-text-r">1 năm</span></div>
                                    <div class="dpt-status">Trạng thái sản phẩm :&nbsp;<span class="teaser-text-r" id ="ProductStatusId" data-bind="text:ProductStatus">Còn hàng</span></div>
                                    <div class="clear"><img height="2px" class="spacer" src="images/spacer.gif" /></div>
                                    <div class="dpt-status">Thương hiệu :&nbsp;<span data-bind="text:VendorName" class="teaser-text-r"></span></div>
                                    <div class="dpt-status">Loại :&nbsp;<span data-bind="text:TypeName" class="teaser-text-r"></span></div>
                                    <div class="dpt-status">Xuất xứ :&nbsp;<span data-bind="text:MadeInName" class="teaser-text-r"></span></div>
                                    <div class="no-print">
                                        <div id="DatHangId">
                                            <div class="clear"><img height="25px" class="spacer" src="images/spacer.gif" /></div>
                                            <a href="javascript:void(0);" class="dpt-addcart" onclick= "DatHangClick();">Đặt mua</a>
                                        </div>
                                        <div class="clear"><img height="15px" class="spacer" src="images/spacer.gif"></div>
                                        <div id="compareProduct"></div>
                                        <div class="clear"><img height="10px" class="spacer" src="images/spacer.gif"></div>
                                        <div class="left">
				                            <a href="https://www.facebook.com/" target="_blank" title="Facebook" class="bs-item"><img align="absmiddle" alt="Facebook" src="images/face_icon.jpg">&nbsp;&nbsp;</a>
				                            <a target="_blank" href="https://twitter.com/" title="tweet" class="bs-item"><img align="absmiddle" alt="twitter" src="images/t_icon.jpg">&nbsp;&nbsp;</a>
				                            <a href="mailto:parkerpen@gmail.com?" title="Email" class="bs-item"><img align="absmiddle" alt="hotline" src="images/icon_email.jpg">&nbsp;Gửi Email&nbsp;&nbsp;&nbsp;</a>
				                            <a id ="printdocument" href="javascript:void(0)" title="Print" class="bs-item"><img align="absmiddle" alt="Print" src="images/icon_print.png">&nbsp;Bản in&nbsp;&nbsp;&nbsp;</a>
			                            </div>
			                            
                                    </div>
                                    
                                </div>
                                <div class="clear"><img height="1px" class="spacer" src="images/spacer.gif"></div>
                                <div id="dp-description">
                                    <!--<div id="cat_name" class="color2 padt2" style="margin-bottom:10px;">MÔ TẢ SẢN PHẨM</div>-->
                                    <div id="dpd-tabs" class="no-print">
	                                    <ul class="ul-default">
	                                        <li><a href="#dpdm-mota" class="selected"><span>Mô tả</span></a></li>
		                                    <li><a href="#dpdm-thongso"><span>Thông số</span></a></li>
		                                    <li><a href="#dpdm-gallery"><span>Gallery</span></a></li>
	                                    </ul>
                                    </div>
                                    
                                    <div class="css3 radius3" id="dpd-main">
    	                            
	                                <div id="dpdm-mota">
                                    <p style="color:#FFF" data-bind="text:Description" id="mo-ta"></p>
					                </div><!--end: #dpdm-mota-->
    	
	                                <div id="dpdm-tinlienquan" style="display: none;">
		                                <div class="clear"></div>
                                <div id="ajax_duan_orther">			
		                                <div class="left">
				                                <div class="clear w100"></div>
		                                <hr size="1" color="#E5E5E5" style=" margin:10px 0" />
				                                </div>
		                                <div class="clear"></div></div>
                                <div class="clear"></div>
                                </div><!--end: #dpdm-tinlienquan-->
    	
	                                <div id="dpdm-gallery" style="display: none;">
				                         <div class="clear"><img height="12px" class="spacer" src="images/spacer.gif"></div>
			                        </div><!--end: #dpdm-gallery-->
    	
                                </div>
                                </div>
                                <ulDetail:KhuyenMai ID="KhuyenMai" runat="server" />
                            </div>
                            <div class="clear"><img height="10px" class="spacer" src="images/spacer.gif"></div>
                            <ulDetail:SpLienQuan ID="SpLienQuan" runat="server" />
                        </div>
                        <div class="clear"><img height="20px" class="spacer" src="images/spacer.gif" /></div>
                    </div>
                </form>
                </div>
                <ulFooter:Footer ID="Footer" runat="server" />
            </div>
        </div>
    </div>
    <ulCompareProducts:CompareProducts ID="CompareProducts" runat="server" />
    <ulAdv:Adv ID="Adv" runat="server" />
</body>
</html>
<script type="text/javascript" src="js/viewmodel/online_detailViewModel.js"></script>
<!--<script type="text/javascript" src="js/animation-detail.js"></script>-->
